/* 基本元素重置 */
html { 
    overflow-x:hidden;
    font-size: 20px; 
}
*{
    margin:0px; 
    padding:0px;
    box-sizing: border-box;
}
body,html{
    font-family:"Microsoft YaHei",SimHei,STHeiti; 
}
img{
    border:0px;
}
a{
    text-decoration:none; 
    color:#fff; 
    outline:none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
div{
    margin:0px auto;
}
li,dl,dt,dd{
    list-style-type:none;
}
input,button{ 
    background:none; 
    outline:none; 
    border:0px; 
    -webkit-tap-highlight-color:transparent;
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
.lf{float: left;}
.rf{float: right;}
/*内容开始*/
#container{
    width: 100%;
    /*height: 116rem;*/
    margin: 0 auto;
}
#container .banner{
    width: 100%;
}
#container .banner img{
    width: 100%;
    height: 6.525rem;
    display: inline-block;
}
#container .main{
    width: 91.5%;
    /*height: 109rem;*/
    background-color: #ffffff;
    box-shadow: 0px 14px 62px 0px 
        rgba(204, 204, 204, 0.7);
    border-radius: 26px;
    border: solid 1px #f2f2f2;
    margin-top: 2.25rem; 
    padding-bottom: 1rem;
}
.main .newBox_title{
    width: 44%;
    height:1.3rem;
    background: url(../images/title_bg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    line-height: 1.2rem;
    margin-top: -0.625rem;
}
.main .newBox_title p{
     color: #fefefe;
     font-size: 0.7rem;
     font-family: PingFang-SC-Medium;
     height:1.3rem;
}
.main .reg_box{
    width: 83.5%;
    /*height: 100rem;*/
    margin: 0 auto;
}
.main .reg_box .reg_list{
    margin-top:0.65rem;
}
.reg_list .newBox_item{
    margin-top: 0.35rem;
}
.reg_list .newBox_item .newBox_header{
    width: 100%;
    height:2.25rem;
    border-radius: 10px;
    border: solid 2px #f5321c;
    line-height: 2.25rem;
    overflow: hidden;
}
.reg_list .newBox_item .newBox_header.active{
    border: solid 2px #ffe8e5;
    background: #ffe8e5;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}
.reg_list .newBox_item .newBox_header p{
     color:#f5321c;
     font-size: 0.75rem;
     /*padding-left: 1.2rem;*/
     /*width: 100%;*/
     height: 2.25rem;
     margin: 0 auto;
     float: left;
}
.reg_list .newBox_item .newBox_header .newBox_icon,
.reg_list .newBox_item .newBox_header .newBox_icon2,
.reg_list .newBox_item .newBox_header .newBox_icon3,
.reg_list .newBox_item .newBox_header .newBox_icon4,
.reg_list .newBox_item .newBox_header .newBox_icon5{
     display: inline-block;
     height:1.2rem; 
     width: 8.4%;
     margin: 0.5rem 0.5rem;
}
.reg_list .newBox_item .newBox_header .newBox_icon{
     background: url(../images/icon_signin.png) no-repeat;
     background-size: 100%;
}
.reg_list .newBox_item .newBox_header .newBox_icon2{
     background: url(../images/icon_tiecard.png) no-repeat;
     background-size: 100%;
}
.reg_list .newBox_item .newBox_header .newBox_icon3{
     background: url(../images/icon_recharge.png) no-repeat;
     background-size: 100%;
}
.reg_list .newBox_item .newBox_header .newBox_icon4{
     background: url(../images/icon_investment.png) no-repeat;
     background-size: 100%;
}
.reg_list .newBox_item .newBox_header .newBox_icon5{
     background: url(../images/icon_withdraw.png) no-repeat;
     background-size: 100%;
}
 .reg_list .newBox_item .newBox_header p.newBox_iconUp{
     /*background: url(../images/icon_down.png) no-repeat;*/
     /*background-size: 100%;*/
     width: 5%;
     margin: 0.8rem 0 0 7rem;
     cursor: pointer;
     /*transform: rotate(150deg);*/
     /*transition: .3s transform;*/
} 
.reg_list .newBox_item .newBox_header p.newBox_iconDown{
     background: url(../images/icon_up.png) no-repeat;
     background-size: 100%;
     width: 5%;
     /*margin: 0.5rem 0.5rem;    */
     margin: 0.8rem 0 0 7rem;
     cursor: pointer;
}
.reg_list .newBox_item .newBox_content{
    display: none;
    width: 100%;
    height: 16.325rem;
    background-color: #ffe8e5;
    margin-top: -0.5px;
    /*border-radius: 10px;*/
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;    
}
.newBox_item .newBox_content .newBox_box{
    width:100%;
    height:16.5rem;
    /*padding-top: 0.5rem;     */
     position: relative;
    overflow: hidden;   
}
.newBox_item .newBox_content .newBox_imgList{
    width: 210%;
    height: 15.5rem;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 0 auto;
    background: #ffe8e5;
    margin-left: 0.55rem;
    position: relative;
}
.newBox_item .newBox_content .newBox_imgList li{
    width: 44%;
    /*height: 15.5rem;    */
    float: left;
    margin-top: 0.3rem;
    background: #fff;
    margin-right: 0.6rem;
}
.newBox_content .newBox_imgList li img{
    width:100%;
    /*height: 15.5rem; */
}
#container .footer{
    width: 100%;
    height: 4.05rem;
    margin: 0 auto;
}
#container .footer .footer_content{
    width: 100%;
    height: 4.05rem;    
    background-color:#F75B49;
    /*opacity: 0.8;*/
    border:1px solid #F75B49;
    text-align: center;
    margin-top: 2.12rem
}
#container .footer .footer_content img{
    width: 5.73%;
    height: 1rem;
    margin-right: 0.35rem;
}
#container .footer .footer_content p{
    color: #fff;
    font-family: PingFang-SC-Medium;
    line-height: 0.75rem;
    margin-top: 0.4rem;
}
#container .footer .footer_content .p1{
    font-size: 0.85rem;
    padding-top: 0.4rem;
    margin-right: 0.35rem;
}
#container .footer .footer_content .p2{
    font-size: 0.55rem;
}
.transbefor{
    position: absolute;
    transform: rotate(0deg);
    transition: .3s transform;
}
.transafter{
    transform: rotate(180deg);
}
.transafterss{
    transform: rotate(0deg);
}






















